<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

<%-- <link rel="stylesheet"
	href="<%=request.getContextPath()%>/css/index1.css" type="text/css"></link> --%>
	<script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery-1.8.2.min.js"></script>
    <link href="<%=request.getContextPath() %>/css/bootstrap.min.css" rel="stylesheet">
    <style type="text/css">
body {
	font-size: 12px;
	background-image: url(images/bg.gif);
	background-repeat: repeat;
}

</style>
    <script src="<%=request.getContextPath() %>/js/bootstrap.min.js"></script>
	<script type="text/javascript">
		$(function (){
			
			/* $(".0").addClass("active");
			$(".1").addClass("success");
			$(".2").addClass("warning");
			$(".3").addClass("danger");
			$(".4").addClass("info"); */
			/* alert($(".co.index")); */
		})
</script>
</head>
<body>
	<%-- <table>
		<tr>
			<td>学生名称
			<td>所属班级
			<td>工作状态
			<td>回访状态
			<td><a href="<%=request.getContextPath()%>/addStudent">添加</a>
		
		<c:forEach items="${sList }" var="c">
			<tr>
				<td>${c.name }
				<td>${c.classes }
				<td>${c.jobStatus }
				<td>${c.callStatus }
		</c:forEach>
	</table> --%>
	<table class="table table-responsive table-bordered table-hover">
		<thead>
			<tr style="background: silver;">
				<th>学生名称</th>
				<th>所属班级</th>
				<th>工作状态</th>
				<th>回访状态</th>
				<th><a href="<%=request.getContextPath()%>/addStudent">添加</a></th>
			</tr>
		</thead>
		<tbody>
			<!-- On rows -->
			<!-- <tr class="active">
				<td>active</td>
			</tr>
			<tr class="success">
				<td>success</td>
			</tr>
			<tr class="warning">
				<td>warning</td>.
			</tr>
			<tr class="danger">
				<td>danger</td>
			</tr>
			<tr class="info">
				<td>info</td>
			</tr> -->
			<c:forEach items="${sList }" var="c" varStatus="co">
				<c:if test="${co.index % 2 == 0 }">
					<tr class="success">
					<td>${c.name }
					<td>${c.classes }
					<td>${c.jobStatus }
					<td>${c.callStatus }
				</c:if>
				<c:if test="${co.index % 2 == 1 }">
					<tr class="danger">
					<td>${c.name }
					<td>${c.classes }
					<td>${c.jobStatus }
					<td>${c.callStatus }
				</c:if>
			</c:forEach>
		</tbody>
	</table>
</body>
</html>